﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="detail.aspx.cs" Inherits="detail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/guozhi.css" rel="stylesheet" type="text/css" />
    <script src="/scripts/fl.js" type="text/javascript"></script>
    <script src="Scripts/gz-1.7.2.min.js" type="text/javascript"></script>
     <script src="Scripts/jqzoom.js" type="text/javascript"></script>
    <script src="Scripts/gz_Cookies.js" type="text/javascript"></script>
    <script src="Scripts/gz_Cart.js" type="text/javascript"></script>
    
    <asp:Literal ID="lblSEOTitle" runat="server"></asp:Literal>

<style type="text/css">
div.zoomdiv {
z-index                 : 100;
position                : absolute;
top:0px;
left:0px;
width                   : 200px;
height                  : 200px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;
}
img.jqzoom{
cursor:crosshair;
position:relative;
}
</style>
 <script type="text/javascript">
     $(function () {
         jQuery("img.jqzoom").jqueryzoom({
             xzoom: 270,
             yzoom: 350,
             offset: 5,
             position: "right"
         });
     })
     function showImage(obj) {
         images = $(obj).attr("alt").split(",");
          
         $("#current_img").attr("src", images[0]);
         $("#current_img").attr("alt", images[0]);
     }
</script>
</head>
<body>
    <div class="container">
        <div class="guozhi-nav">
            <div class="welcome" id="linfo">
                &nbsp;&nbsp;&nbsp;&nbsp;订购网址：www.guozhi321.com
            </div>
            <div class="right">
                <ul>
                    <li id="lon"><a href="javascript:loginIn();" onclick="loginIn()">登录</a></li>
                    <li id="reg"><a href="/register.aspx">注册</a></li>
                    <li id="lmyOrder"><a href="/myorders.aspx">我的订单</a></li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">
            $("#lmyOrder").hide();
            if (GetCookie("gz_customer") != null) {
                var u = $.evalJSON(GetCookie("gz_customer"));
                $("#linfo").html("您好<font style='font-weight: bold'> " + decodeURIComponent(u.Name) + "</font>，欢迎光临果之！&nbsp;&nbsp;&nbsp;&nbsp;订购网址：www.guozhi321.com ");
                $("#lmyOrder").html("<a href='myorders.aspx'>我的订单</a>&nbsp;&nbsp;<a style='cursor:hand' onclick='loginOut()'>退出</a>").show();
                $("#lon").hide(); $("#reg").hide();
            }
            function loginOut() {
                DeleteCookie("gz_customer");
                window.location.href = "/";
            }
            function loginIn() {
                window.location.href = "login.aspx?rurl=" + window.location.href;
            }
        </script>
        <div id="lblProCate" runat="server" class="nav2">
        </div>
        <!--#include file="~/common/quickBuy.htm"-->
        <div style="font-size: 15px;">
            您的位置：<a href="/" style="color: Black; text-decoration: none;">首页</a>/<asp:Literal
                ID="lblPath" runat="server"></asp:Literal></div>
        <div>
            <img src="/images/gz_sp_05.jpg" width="768" height="80" /></div>
        <div>
            <div class="preview">
                <div class="cptu_img">
                                 <asp:Literal ID="lblProPic" runat="server"></asp:Literal> 
                        </div>
                <div id="spec-list">
                  <asp:Literal ID="lblProThumbs" runat="server"></asp:Literal> 
                </div>
            </div>
            <div class="fenge">
                <img src="images/gz_sp_23.gif" width="2" height="363" /></div>
            <div id="list">
                <ul>
                    <li><strong>
                        <asp:Literal ID="lblProName" runat="server"></asp:Literal>&nbsp;<asp:Literal ID="lblProEName"
                            runat="server"></asp:Literal></strong></li>
                    <li>
                        <p style="line-height: 30px">
                            规格：<asp:Literal ID="lblProStyle" runat="server"></asp:Literal></p>
                    </li>
                    <li>
                        <p style="line-height: 30px">
                            价格：￥<asp:Literal ID="lblProPrice" runat="server"></asp:Literal></p>
                    </li>
                    <li>口味参考</li>
                    <asp:Literal ID="lblProTastes" runat="server"></asp:Literal>
                    <li>
                        <p>
                            <a href="javascript://" onfocus="this.blur();" onclick="ajaxIntoCar('<%=id %>')">
                                <img src="images/gz_sp_73.gif" width="130" height="34" border="0" /></a></p>
                        <p class="shuoming">
                            购买说明：请点击购买按钮。</p>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <img src="images/gz_sp_11.jpg" width="768" height="82" /></div>
        <div class="jieshao">
            <asp:Literal ID="lblProDesc" runat="server"></asp:Literal>
        </div>
        <div>
            <img src="images/gz_sp_17.jpg" width="768" height="83" /></div>
        <div>
            <img src="images/gz_sp_20.jpg" width="768" height="309" /></div>
        <!--#include file="~/common/bottom.htm"-->
    </div>
</body>
</html>
